<template>
    <div>
      <!--<div class="top cl">-->
        <!--<div class="search">-->
          <!--<input placeholder="Search..." type="text">-->
          <!--<img class="button" src="../assets/images/icon/icon3.png" alt="">-->
        <!--</div>-->
        <!--<div class="date">10.50AM today,27 Apr 2021</div>-->
      <!--</div>-->
      <div class="breadcrumb">
        <span>个人中心</span> > {{ title }}
      </div>
    </div>
</template>

<script>
export default {
  name: 'Breadcrumb',
  props: ['title']
}
</script>

<style scoped>
  .breadcrumb {
    color: #999;
    background: #fff;
    padding: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
    margin-top: 41px;
  }

  .breadcrumb span{
    color: #397d4a;
  }

  .top {
    padding-top: 35px;
    padding-bottom: 34px;
    margin-bottom: 10px;
    background: #fff;
  }

  .search {
    height: 30px;
    margin-right: 30px;
    margin-left: 20px;
  }

  .search input {
    background: none;
    border: none;
    width: 160px;
    float: left;
    height: 30px;
  }

  .search .button {
    width: 28px;
    cursor: pointer;
    float: right;
  }

  .date,.search {
    background: #fff;
    border: 1px solid #ddd;
    /*border-radius: 5px;*/
    float: left;
    padding: 0 10px;
    line-height: 30px;
    font-size: 12px;
  }
</style>
